<!--action-->
<template>
  <div class="action_box">
    <div class="tt">
      <svg-icon iconClass="zyh_list" className="tb_title"></svg-icon>
      <span>数据列表</span>
    </div>
    <div class="group">
      <slot name="actions"></slot>
    </div>
  </div>
</template>
<script>
export default {
  props: {
  },
  data () {
    return {}
  },
  methods: {
  }
}
</script>
<style lang="scss" scoped>
.action_box {
  border: 1px solid #eaeaea;
  padding: 15px 10px;
  margin-bottom: 12px;
  border-radius: 5px;
  .tt {
    display: inline-block;
    height: 32px;
    line-height: 32px;
  }
  .group {
    float: right;
    >div:not(:last-child){
      margin-right: 8px;
    }
  }
}
</style>
